.ion-page {
    background: transparent none !important;
}

ion-content {
    --background: transparent none !important;
}

.qrscanner {
    background: none;

    &-area {
        width: 100%;
        height: 86%;
        background: url(../../../../assets/home/scan/scanner.svg) no-repeat center center;
        background-size: contain;
    }
}

.through-line {
    left: 25%;
    width: 50%;
    height: 2px;
    background: red;
    position: absolute;
    animation: myfirst 2s linear infinite alternate;
}

@keyframes myfirst {
    0% {
        background: red;
        top: 30%;
    }

    25% {
        background: yellow;
        top: 35%;
    }

    50% {
        background: blue;
        top: 40%;
    }

    75% {
        background: green;
        top: 45%;
    }

    100% {
        background: red;
        top: 50%;
    }
}

.button-bottom {
    width: 128px;
    position: absolute;
    left: 50%;
    bottom: 80px;
    margin-left: -64px;

    .icon-camera {
        float: left;
    }
}

